<template>
	  <div class="Tab">
       
        	
            <div class="le">
            	<span class="tab-link">
             上下班
            </span></div>
       
         <router-link tag="div" class="tab-item" to="/bao">
        <div class="ri">
            <span class="tab-link">
             包车
            </span>
            </div>
        </router-link>

    </div>
</template>

<script>
	export default {
 
  data () {
    return {
    
    }
  }
}
</script>

<style scoped="scoped">
	a {
  color: #42b983;
}
 .Tab{
   display: flex;
   font-size: 3vh;
   height: 4vh;
   line-height: 4vh;
margin-bottom: 0;

 } 
 .tab-item{
  flex: 1;
  text-align: center;
  display: line;

 }
 .tab-link{
  color:black;
   padding-bottom: 0vh;
 }
 .router-link-active span{
  color:  red;
  border-bottom:2px solid  red;

 }

.le{
	position: fixed;
	top: 6vh;
	left: 5%;
	width: 40%;
	border-right: 1px solid black;
	background: red;
	border-radius: 5px;
}
.ri{
	width: 50%;
	position: fixed;
	top: 6vh;
	left: 50%;
}
</style>